/** 
 * 实际开发中，很少全部引入，因为性能低
  import Vant from 'vant'
  import 'vant/lib/index.css'
  Vue.use(Vant)
*/

/**
 * 手动的按需引入【麻烦】
 */
/** 
import Button from 'vant/lib/button'
import 'vant/lib/button/style' // 引入样式

Vue.use(Button) // 全局注册按钮
*/

/** 自动的按需导入【推荐】
 */
import {
  Button,
  NavBar,
  Form,
  Field,
  Tabbar,
  TabbarItem,
  Search,
  Swipe,
  SwipeItem,
  Grid,
  GridItem,
  List,
  PullRefresh,
  Tag,
  GoodsAction,
  GoodsActionIcon,
  GoodsActionButton,
  Empty,
  Icon,
  Checkbox,
  Card,
  Stepper,
  SubmitBar,
  SwipeCell,
  Image,
  Cell
} from 'vant'

export default {
  // 只要在main.js中，使用Vue.use使用了我们当前的这个vant.js插件，就会自动执行，并且把Vue传递过来
  install (Vue) {
    Vue.use(Button) // 全局注册按钮
    Vue.use(NavBar)
    Vue.use(Form)
    Vue.use(Field)
    Vue.use(Tabbar)
    Vue.use(TabbarItem)
    Vue.use(Search)
    Vue.use(Swipe)
    Vue.use(SwipeItem)
    Vue.use(Grid)
    Vue.use(GridItem)
    Vue.use(List)
    Vue.use(PullRefresh)
    Vue.use(Tag)
    Vue.use(GoodsAction)
    Vue.use(GoodsActionButton)
    Vue.use(GoodsActionIcon)
    Vue.use(Empty)
    Vue.use(Icon)
    Vue.use(Checkbox)
    Vue.use(Card)
    Vue.use(Stepper)
    Vue.use(SubmitBar)
    Vue.use(SwipeCell)
    Vue.use(Image)
    Vue.use(Cell)
  }
}
